<%--
    Document   : NuevoUsuario
    Created on : 04-abr-2011, 10:38:55
    Author     : Dalia_
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
<link rel="stylesheet" href="css/Estilo.css" type="text/css">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Nuevo Usuario</title>
    </head>
    <body bgcolor="#CCC">
        <br/>

        <table width="70%" align="center">
            <tr>
                <td class="celdaImagenEncabezado" bgcolor="#003366">
                   <img src="img/logo-matersys.png" class="imagen"/>
                </td>
                <td class="celdaInfoEncabezado" bgcolor="#003366" align="center" >
                    Espacio de reflexión y conocimiento de las <br>TIC's y la Arquitectura Empresarial
                </td>
            </tr>
            <tr>
                <td colspan="2" bgcolor="#990000" class="celdaInfoEncabezado">
                <a href="">Home</a>
                </td>
            </tr>

            <tr>
                <td colspan="2" bgcolor="#FFF" height="250px" align="center" >
        <h:form>
            <rich:panel style="width:40%;">

            <f:facet name="header">
                    <h:outputText value="Registro" />
            </f:facet>

            <h:panelGrid columns="2">
                        <h:outputLabel value="Nombre:" for="nombre" style="font-weight:bolder;" />
                        <h:inputText id="nombre" required="true" value="#{Usuarios.nombre}" validator="#{Validaciones.validarNombre}">
                            <rich:ajaxValidator event="onblur"/>
                        </h:inputText>
                        <rich:spacer width="1px"/>
                        <rich:message for="nombre" ajaxRendered="true" style="color:red;"/>
                        <h:outputLabel value="Apellido Paterno:" for="apPat" style="font-weight:bolder;" />
                        <h:inputText id="apPat" required="true" value="#{Usuarios.apPat}" validator="#{Validaciones.validarNombre}">
                            <rich:ajaxValidator event="onblur"/>
                        </h:inputText>
                        <rich:spacer width="1px"/>
                        <rich:message for="apPat" ajaxRendered="true" style="color:red;"/>
                        <h:outputLabel value="ApellidoMaterno:" for="apMat" style="font-weight:bolder;" />
                        <h:inputText id="apMat" value="#{Usuarios.apMat}" validator="#{Validaciones.validarNombre}">
                            <rich:ajaxValidator event="onblur"/>
                        </h:inputText>
                        <rich:spacer width="1px"/> <rich:spacer width="1px"/>
                        <h:outputLabel value="E-mail:" for="email" style="font-weight:bolder;" />
                        <h:inputText id="email" required="true" value="#{Usuarios.correo}" validator="#{Validaciones.validarEmail}">
                            <rich:ajaxValidator event="onblur"/>
                        </h:inputText>
                        <rich:spacer width="1px"/>
                        <rich:message for="email" ajaxRendered="true" style="color:red;"/>
                        <rich:spacer height="10px"/>
                        <rich:spacer height="10px"/>
                   </h:panelGrid>

                <div align="center"><a4j:commandButton value="Enviar" style="width:100px" actionListener="#{Usuarios.saveUsuarioNuevo}" /></div>


        </rich:panel>

    </h:form>
                </td>
            </tr>
        </table>

    </body>
</html>
</f:view>
